﻿
@{
    ViewBag.Title = "公告管理";
    Layout = "~/Views/Shared/_LayoutBase.cshtml";
}
@section styles{
    <link href="@Url.Content("~/Content/CSS/common/bootstrap-table/bootstrap-table.min.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/CSS/common/animate/animate.min.css")" rel="stylesheet" />
}
<div id="dMain">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox" style="margin-bottom: 0px;">
            <div class="ibox-title">
                <h4>公告管理</h4>
            </div>
            <div class="ibox-content">
                <div class="dSearch">
                    <input name="USER_ID" type="text" id="txtFileNo" class="form-control" placeholder="发布人" style="width:150px;" autocomplete="off">
                    <input name="BEGIN_DATE" type="text" id="txtND1" class="form-control" placeholder="发布日期" onclick="WdatePicker({dateFmt: 'yyyy'})" style="width:85px;" autocomplete="off">
                    至
                    <input name="END_DATE" type="text" id="txtND2" class="form-control" placeholder="发布日期" onclick="WdatePicker({dateFmt: 'yyyy'})" style="width:85px;" autocomplete="off">
                    <select name="TYPE_ID" id="ddlFTerm" class="form-control" style="width:100px;">
                        <option selected="selected" value="">-- 类型 --</option>
                        <option value="01">决定</option>
                        <option value="02">通知</option>
                        <option value="03">通报</option>
                        <option value="04">其它</option>
                        <option value="05">无类型</option>

                    </select>
                    <input name="SUBJECT" type="text" id="txtAY" class="form-control" placeholder="标题" style="width:300px;" autocomplete="off">
                    <a id="lbtnSearch" class="btn btn-sm btn-primary btn-success" onclick=" customSearch()"><i class="iconfont icon-sousuo"></i>&nbsp;快速检索</a>
                </div>
                <div id="toolbar">
                    <a class="btn btn-sm btn-primary btn-info radius" onclick="parent.createTab('111','新建公告','@Url.Action("Create","Notify",new { area="Common"})')" style="margin-top: 10px;"><i class="iconfont icon-tianjia"></i>&nbsp; 新建公告</a>
                   @* <a class="btn btn-sm btn-primary btn-danger radius" onclick="parent.createTab('111','删除公告','@Url.Action("Delete","Notify",new { area="Common"})')" style="margin-top: 10px;"><i class="iconfont icon-shanchu1"></i> &nbsp;删除所选公告</a>*@
                    <div class="text-danger" style="font-size: 14px; margin-top: 15px;margin-left: 10px;float:right; "><i class="iconfont icon-tuichiweixuan"></i>&nbsp;提示：双击行可查看该公告通知的详细信息！</div>
                </div>
                <table id="NotifyDataTable"></table>

            </div>
        </div>
    </div>
</div>


@section scripts{
    <script src="@Url.Content("~/Content/JS/common/WdatePicker/WdatePicker.js")"></script>
    <script src="@Url.Content("~/Content/js/common/bootstrap-table/bootstrap-table.min.js")"></script>
    <script src="@Url.Content("~/Content/js/common/bootstrap-table/locale/bootstrap-table-zh-CN.min.js")"></script>
    <script src="@Url.Content("~/Content/js/common/bootstrap-table/bootstrap-table-export.js")"></script>
    <script src="@Url.Content("~/Content/js/common/bootstrap-table/tableExport.js")"></script>
    <script src="@Url.Content("~/Content/js/common/bootstrap-table/bootstrap-table-cookie.js")"></script>
    <script src="@Url.Content("~/Content/js/common/from.js")"></script>
    <script>
    //var tabHeight = 0;
        $(function () {
            $('#NotifyDataTable').bootstrapTable({
                // height: tabHeight + 50,
                url: '@Url.Action("GetTableJsonResults", "Notify", new { area = "Common" })\/',
                //   url: '/Notify/GetTableJsonResults/',         //请求后台的URL（*）
                method: 'get',                      //请求方式（*）
                //data: $("#dJson").text() != "" ? JSON.parse($("#dJson").text()) : "",
                dataType: "json",
                columns: [
                    { align: 'center', checkbox: true },
                    { title: "发布人", field: 'USER_ID', align: 'left', width: "50px", sortable: true },
                    { title: "类型", field: 'TYPE_ID', align: 'center', width: "70px", sortable: true },
                    { title: "收阅范围", field: 'TO_ID', align: 'left', width: "150px", sortable: true },
                    { title: "标题", field: 'SUBJECT', align: 'left', sortable: true },
                    {
                        title: "发布时间", field: 'SEND_TIME', align: 'left', width: "150px", sortable: true, formatter: function (value, row, index) {
                            return new Date(value).Format("yyyy-MM-dd hh:mm:ss");
                        }},
                    {
                        title: "生效时间", field: 'BEGIN_DATE', align: 'left', width: "150px", formatter: function (value, row, index) {
                            return new Date(value).Format("yyyy-MM-dd hh:mm:ss");
                        }},
                    {
                        title: "终止时间", field: 'END_DATE', align: 'left', width: "150px", formatter: function (value, row, index) {
                            return new Date(value).Format("yyyy-MM-dd hh:mm:ss");
                        }},
                    { title: "状态", field: 'PUBLISH', align: 'left', width: "50px" },
                    {
                        title: "操作",
                        align: 'center',
                        valign: 'middle',
                        formatter: function (value, row, index) {
                            var ids = row.NOTIFY_ID;
                            return '<a class="btn btn-info btn-xs btn-outline" onclick="parent.createTab(\'402\',\'编辑公告\',\'@Url.Action("Create", "Notify", new { area = "Common" })\/' + ids + '\')">编辑</a> <a class=" btn btn-danger btn-xs  " onclick="del(' + ids + ')">删除</a>';
                        }
                    }
                ],
                toolbar: '#toolbar',//工具按钮用哪个容器
                buttonsClass: "sm btn-white",//按钮class
                pageSize: 15,//分页条数
                clickToSelect: false,//设置true 将在点击行时，自动选择单选或复选框
                singleSelect: false,//为true则禁止多选
                cache: false,//是否缓存
                cookie: true,//是否启用cookie
                cookieIdTable: "Notify",//cookie键值
                pagination: true,//是否分页
                showColumns: true,//是否显示所有的列
                showRefresh: true,//是否显示刷新按钮
                search: false,//是否启用搜索
                showPaginationSwitch: true,//是否显示分页切换按钮
                showExport: true,//是否启用导出
                striped: false,//是否显示行间隔色
                detailView: false,//是否显示切换视图列
                queryParams: function (params) {
                    var param = {};
                    //var arr = $("form").serialize();
                    //$.param(arr);
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    $('.dSearch').find('[name]').each(function () {
                        var value = $(this).val();
                        if (value != '') {
                            //if (!param.find($(this).attr('name')))
                            param[$(this).attr('name')] = value;
                        }
                    });

                    return param;
                },
                //detailFormatter: detailFormatter,//卡片视图内容格式化
                onDblClickRow: function (row, obj) { //双击行事件
                    //  window.top.showFullPage("图像阅读器（" + (row.FileNo) + "）", "/See.aspx?FID=" + row.ID);
                    parent.createTab('403', '公告表明细', '@Url.Action("Details", "Notify", new { area = "Common" })/' + row.NOTIFY_ID + '');
                },
                onClickRow: function (row, obj) { //单击行事件
                    $(obj).parent().find("tr").removeClass("selected");
                    $(obj).addClass("selected");

                    //根据选中的行获取子表数据
                    //  GetSonData(row.ID);

                },
                onSearch: function (text) {
                    if (text != "") {
                        $("#tabData tbody tr td:not(.bs-checkbox)").each(function (i) {
                            var str = "<span class=\"bg-yellow\">" + text + "</span>";
                            var NewText = $("#tabData tbody tr td:not(.bs-checkbox)").eq(i).text().replaceAll(text, str);
                            $("#tabData tbody tr td:not(.bs-checkbox)").eq(i).html(NewText);
                        })
                    }
                }
            });
        });
        function customSearch(text) {
            $('#NotifyDataTable').bootstrapTable('refresh');//刷新Table，Bootstrap Table 会自动执行重新查询
        }
        function getName(arr, n, v) {
            for (var i = 0; i < arr.length; i++)
                if (arr[i][n] == v)
                    return arr[i]["Text"];
        }

           function del(id) {
            layer.confirm('是否删除此公告表？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                var url = '@Url.Action("Delete", "Notify", new { area = "Common" })\/' + id;
                $.get(url, function (result) {
                    $("#NotifyDataTable").bootstrapTable('refresh', { url: '/Notify/GetTableJsonResults'});
                    layer.msg('删除公告表成功！',{ icon: 1,
                        time: 2000//2s后自动关闭
                    });
                    customSearch();
                });
            });
        }
    </script>
}
